<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/player.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/player.js"></script>
</head>
<body>
    <section id="player-wrapper"></section>
    <section style="height:300px;overflow:scroll;position:relative;text-align:center;background:skyblue">
        <br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
        页面其他内容<br/>
    </section>
    <script>
        var params = {
            wrapperId: 'player-wrapper',
            title: 'LePlayer 专为微信浏览器打造的移动端视频播放器',
            urls: [
                // m3u8地址
                // {title: '地址一',url: 'http://xxx.m3u8'},
                // {title: '地址二',url: 'https://1253131631.vod2.myqcloud.com/db1acaa1vodtransgzp1253131631/b8e7de6b9031868223417574079/v.f220.m3u8'}
                // MP4地址
                {url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'}
            ],
            // isLive: true,
            // isLoop: true,
            // poster: './images/poster.jpg'
        };
        var player = new LePlayer(params);

        // 视频初始化后获取元数据
        player.init(function(data){
            // 视频播放前所返回的data为虚拟数据(data.type = unload)，按照16:9比例缩放至屏幕宽
            // 真实数据在初次点击播放后返回(data.type = loaded)
            console.log(data);
        });

        // 监听视频开始播放
        player.listenStatus('play',function(){
            console.log('开始播放');
        });

        // 监听视频暂停
        player.listenStatus('pause',function(){
            console.log('点击暂停');
        });

        // 监听视频错误
        player.listenStatus('error',function(){
            console.log('视频播放错误');
        });

        // 调用截图方法
        var imgBaseUrl = player.printScreen();
        console.log(imgBaseUrl);

        // 设置视频标题
        // player.setPlayerTitle('aaa');
        
        // 设置或获取当前播放进度
        console.log(player.currentTime());
    </script>
</body>
</html>